<template>
  <el-container style="height:100%"> 
     <!-- 侧边栏区域 -->
      <el-aside width="auto">
        <!-- 导入把大写改为小写 用-号连接 -->
       <common-aside></common-aside>
      </el-aside> 
      <el-container>
            <!-- 头部 -->
          <el-header>
            <Header></Header>
          </el-header>
          <common-tag></common-tag>
          <!-- //引用tag组件 -->
          <!-- 内容部  内置路由-->
            <el-main>
              <router-view></router-view>
            </el-main>
      </el-container>
  </el-container>
</template>

<script>
import CommonAside from '../components/CommonAside.vue'
import Header from '../components/Header.vue'
import CommonTag from '../components/CommonTag.vue'
export default {
   name:'Main',
   data(){
     return{}
   },
   components:{
     CommonAside,
     Header,
     CommonTag
   }
}
</script>

<style lang="less" scoped>

.el-main{
  padding-top: 0px;
}
.el-header{
  background-color: #333333;
}
</style>